/* 
计算优先级: id(1)+element(3)+class(1)=113
*/
#outer div ul .nav a {
    background-color: blue;
    padding: 5px;
    display: inline-block;
    margin-bottom: 10px;
  }
  
/* 
计算优先级: element(4)=4
*/
  div div li a {
    color: yellow;
  }
 
  /* my answer
  1. 尽量不用!important
  2.计算优先级 id(1)+element(3)+class(1)=113
  优先级>color, =backgroud-color
  3.资源顺序: 在后面会覆盖前面, 因此此选择器会覆盖上面2个选择器的color和background-color
  4.需要重置超链接的颜色样式
  1) inherit, 继承父元素的样式
  2) initial, 如果浏览器有默认设置,就应用浏览器的默认设置,否则继承父元素的样式
  3) unset, 如果所配置的属性是可继承的,则继承,否则按initial处理
  这里的需求是覆盖超链接的背景色为白色,而不使用实际的颜色,因此不需要考虑继承的问题,直接覆盖背景色即可
  覆盖背景色后,文本颜色黄色,看不清楚,覆盖成黑色
   */
  #inner ul li.nav a{
    color: black;
    background-color: white;
  }                  